@charset "utf-8";  
*{margin: 0;padding: 0;
font-family: "宋体";
}
$w:100%;
$h:100%;
@mixin disp{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
html,body{
    width: 100%;
    height: 100%;

    box-sizing: border-box;
}
.wrap{
    width: 100%;
    height: 100%;
    background: #F5F5F5;
}
header{
    width: 100%;
    line-height: 1.6rem;
    padding: 0.6rem 0;
    @include disp;
    background: #ffac2c;
    text-align: center;
    color: #fff;
    >div:nth-child(1){
        width: 10%;
        img{
            width: 0.9rem;
        }
    }
    >div:nth-child(2){
        width: 75%;
        font-size: 1.6rem;
    }
    >div:nth-child(3){
        width: 15%;
        font-size: 0.8rem;
        a{
            text-decoration: none;
            color: #fff;
        }
    }
}
.list_top{
    width: 100%;
    height: 5.6rem;
    background: #fff;
    margin-bottom: 1rem;
    padding: 1.8rem 0;
    @include disp;
    >div:nth-child(1){
        img{
            width: 5.4rem;
            height:5.7rem;
        }
    }
    >div:nth-child(2){
        width: 70%;
        p{
            line-height: 1.6rem;
            color: #999;
            span{
            font-size:1.6rem;
            color: orangered;
        }
        }
        
    }
}
.xia,.xia2,.xia3{
    width: 100%;
    overflow: hidden;
    height: 0;
    position: relative;
    top: 0;
    left: 0;
    transition: 1s;
    >p:nth-child(1),>p:nth-child(2),>p:nth-child(3){
        color: #999;
        span{
            color: #000;
        }
    }
    p{
        line-height: 2.6rem;
        text-indent: 14px;
    }
    >p:nth-child(4),>p:nth-child(5){
        color: orangered;
        >span:nth-child(2){
            float: right;
        }
    }
}
